@use '../mixins/config' as *;

// height
// generate .yq-h-${height}, .yq-h-${height}-i, height range: 0px - 500px
// generate .yq-h-p${height}, .yq-h-p${height}-i, height percent range: 0% - 100%

// width
// generate .yq-w-${width}, .yq-w-${width}-i, width range: 0px - 500px
// generate .yq-w-p${width}, .yq-w-p${width}-i, width percent range: 0% - 100%
@for $i from 0 through 500 {
    $sizes: (
        h: 'height',
        w: 'width',
    );
    @each $key, $value in $sizes {
        .#{$namespace}-#{$key}-#{$i} {
            #{$value}: $i * 1rpx;
            &-i {
                #{$value}: $i * 1rpx !important;
            }
        }
        @if $i <= 100 {
            .#{$namespace}-#{$key}-p#{$i} {
                #{$value}: $i * 1%;
                &-i {
                    #{$value}: $i * 1% !important;
                }
            }
        }
    }
}
